<template>
  <div class="root base-background-img">
    <div class="home">
      <router-link to="/">
        <img src="~@/assets/youxiaoxianjie/home/home.png">
      </router-link>
    </div>
    <div class="back">
      <router-link to="/">
        <img src="~@/assets/youxiaoxianjie/home/back.png">
      </router-link>
    </div>
    <div class="e">
      <router-link :to="{name: 'youxiao-pingyinbase', query: {compoent: 'youxiao-danyunmu'}}">
        <img src="~@/assets/youxiaoxianjie/home/e.png">
      </router-link>
    </div>
    <div class="k">
      <router-link :to="{name: 'youxiao-pingyinbase', query: {compoent: 'youxiao-shengmu'}}">
        <img src="~@/assets/youxiaoxianjie/home/k.png">
      </router-link>
    </div>
    <div class="an">
      <router-link :to="{name: 'youxiao-pingyinbase', query: {compoent: 'youxiao-fuyunmu'}}">
        <img src="~@/assets/youxiaoxianjie/home/an.png">
      </router-link>
    </div>
    <div class="yu">
      <router-link :to="{name: 'youxiao-pingyinbase', query: {compoent: 'youxiao-zhengtirendu'}}">
        <img src="~@/assets/youxiaoxianjie/home/yu.png">
      </router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'pingyinindex',
  data () {
    return {
    }
  }
}
</script>

<style scoped>
@import "~@/assets/style/base.css";
.root {
  background: url(~@/assets/youxiaoxianjie/home/bg.png);
}
.root > div {
  position: absolute; 
}
.root > div {
  position: absolute; 
}
.home {
top: 54px;
    left: 57px;
}
.back {
    top: 153px;
    left: 57px;
}
.e {
    top: 220px;
    left: 110px;
}
.k {
    top: 212px;
    left: 380px;
}
.an {
    top: 210px;
    left: 600px;
}
.yu {
    top: 225px;
    left: 920px;
}
</style>
